﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/Unlogged.Master" AutoEventWireup="true" CodeBehind="RegisterForm.aspx.cs" Inherits="SSN.MasterPages.WebForm4" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>Đăng ký tài khoản | Studial</title>
    <style type="text/css">
        .centercontainer
        {
            margin: 3em auto 1em auto;
            width: 560px;
        }
        
        .intro
        {
            padding: 0.5em 0 0.5em 1em;
            color: #333333;
            border-top: 1.5pt solid #a1ca9b;
        }
        
        .imgintro, .textintro 
        {
            display: inline-block;
            vertical-align: middle;
        }
        
        .textintro 
        {
            padding-left: 0.5em;
        }
        
        #icon
        {
            width: 60px;
        }
        
        .title
        {
            font-weight: 700;
            font-size: 16px;     
        }
        
        .subtitle
        {
            font-size: 13px;
            margin-top: 0.2em;
        }
        
        .regform
        {
            padding: 1.5em 6.5em 3em 5.3em;
            display: block;
            background-color: #ededed;
            color: #666666;
            font-size: 13px;
            border-top: 1pt solid #d0d0d0;
        }
        
        .leftlabel
        {
            font-weight: 600;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="centercontainer">
        <div class="intro">
            <div class="imgintro"><img alt="Studial" id="icon" src="../Images/icon.png" /></div>
            <div class="textintro">
                <div class="title">Đăng Ký Tài Khoản Studial</div>
                <div class="subtitle">Gia nhập gia đình chung Studial để cùng <strong>kết nối</strong>, <strong>chia sẻ</strong> và <strong>học hỏi</strong>.</div>
            </div>
        </div>
        <form class="regform" method="get" runat="server">        
            <label class="leftlabel" for="lastname">Họ:</label>
            <input class="textinput" name="lastname" id="lastname" type="text" value="" /> 
            <label class="leftlabel" for="firstname">Tên:</label>
            <input class="textinput" name="firstname" id="firstname" type="text" value="" /> 
            <label class="leftlabel" for="username">Tên đăng nhập:</label>
            <input class="textinput" name="username" id="username" type="text" value="" /> 
            <label class="leftlabel" for="email">Email của bạn:</label>
            <input class="textinput" name="email" id="email" type="text" value="" />
            <label class="leftlabel" for="reemail">Nhập lại email:</label>
            <input class="textinput" name="reemail" id="remail" type="text" value="" />
            <label class="leftlabel" for="password">Mật khẩu:</label>
            <input class="textinput" name="password" id="password" type="password" value="" />
            <label class="leftlabel" for="repassword">Nhập lại mật khẩu:</label>
            <input class="textinput" name="repassword" id="repassword" type="password" value="" />
            <label class="leftlabel" for="gender">Bạn là:</label>
            <select class="dropinput" name="gender" id="gender">
                <option value="-1" selected="selected">Chọn giới tính:</option>
                <option value="0">Nữ</option>
                <option value="1">Nam</option>
            </select><br />
            <label class="leftlabel">Ngày sinh:</label>
            <select class="dropinput" name="day" id="day" onfocus="setDays();">
                <option value="0" selected="selected">Ngày:</option>
            </select>
            <select class="dropinput" name="month" id="month" onfocus="setMonths();" onchange="setDays();">
                <option value="0" selected="selected">Tháng:</option>
            </select>
            <select class="dropinput" name="year" id="year" onfocus="setYears();" onchange="setDays(); setMonths();">
                <option value="0" selected="selected">Năm:</option>
            </select>
            <input class="button02" name="submit" type="submit" value="Đăng ký" onclick="showLoader();" />
            <img alt="Loading..." class="loader" id="loader" src="../Images/loader01.gif" />
            <br />
            <asp:Label ID="lblError_TenDangNhap" runat="server" ForeColor="Red"></asp:Label>
            <br />
            <asp:Label ID="lblError_Email" runat="server" ForeColor="Red"></asp:Label>
            <br />
            <asp:Label ID="lblError_MatKhau" runat="server" ForeColor="Red"></asp:Label>
        </form>
    </div>
</asp:Content>
